<!doctype html>
<html><!-- InstanceBegin template="/Templates/admin_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>AudaWatch - Add New Shop</title>
    <!-- InstanceEndEditable -->
    <!-- Custom CSS -->
    <link href = "css/style.css" rel="stylesheet">

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<!-- InstanceBeginEditable name="head" -->


<!-- InstanceEndEditable -->
</head>

<body>
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
  <div class="container">
    <div class="navbar-header">
    	<a href="" class="navbar-brand"><img src="img/aw_logo_solera.png" /></a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="header-ul nav navbar-nav">
        <li class="active"> 
          <a href="" data-toggle="tooltip" data-placement="bottom" title="Dashboard"><img src="img/dashboard.png" /></a>
        </li>
        <li>
          <a href="" data-toggle="tooltip" data-placement="bottom" title="Shop Management"><img src="img/shop.png" /></a>
        </li>
        <li>
          <a href="" data-toggle="tooltip" data-placement="bottom" title="Organisational Management"><img src="img/organisation.png" /></a>
        </li>
        <li>
          <a href="" data-toggle="tooltip" data-placement="bottom" title="Template Management"><img src="img/template.png" /></a>
        </li>
      </ul>
      <ul class="header-ul nav navbar-nav navbar-right">
        <li><a href="" data-toggle="tooltip" data-placement="bottom" title="Settings"><img src="img/gear.png" /></a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="img/admin.JPG" /></a>
          <ul class="dropdown-menu">
          	<li><span id="loggedin-name">MICHAEL GARRETT</span></li>
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-question-sign"></span> Support</a></li>
            <li class="divider"></li>
            <li><a href="#"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
</header>
<div class="container">
	<div class="main-content">
<!-- InstanceBeginEditable name="Body content" -->
<div class="row">
  <div class="col-md-2">
  	<button type="button" class="btn btn-default btn-block"><span class="glyphicon glyphicon-th-list"></span> Manage</button></div><div class="col-md-2">
	<button type="button" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-plus"></span> Add</button></div>
  <div class="col-md-8"></div>
</div>

<div class="add-panel panel panel-default">
  <div class="panel-heading">
    
    <div class="row">
    <div class="col-md-8">
  <h3 class="panel-title">Add New Shop</h3></div>
  <div class="col-md-2">
  	<button type="button" class="btn btn-warning btn-block"><span class="glyphicon glyphicon-remove"></span> Cancel</button></div>
  <div class="col-md-2">
	<button type="button" class="btn btn-success btn-block"><span class="glyphicon glyphicon-floppy-disk"></span> Save</button>
  </div>
</div>
  </div>
  <div class="panel-body">
  	<div class="row">
    	<div class="col-md-6 col-md-offset-1">
    		<form class="form-horizontal" role="form">
              <div class="form-group">
                <label for="inputShopName" class="col-sm-3 control-label">Shop Name *</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" placeholder="Shop Name">
                </div>
              </div>
             <div class="form-group">
                <label for="inputAddress" class="col-sm-3 control-label">Address</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" placeholder="Address">
                </div>
              </div>
              <div class="form-group">
                <label for="inputCountry" class="col-sm-3 control-label">Country</label>
                <div class="col-sm-9">
                  <select class="form-control">
                  	<option>Australia</option>
                  	<option>New Zealand</option>
                	</select>
                </div>
              </div>
              <div class="form-group">
                <label for="inputState" class="col-sm-3 control-label">State</label>
                <div class="col-sm-3">
                  <select class="form-control">
                    <option>---</option>
                  	<option>ACT</option>
                  	<option>NSW</option>
                  	<option>NT</option>
                  	<option>QLD</option>
                  	<option>SA</option>
                  	<option>TAS</option>
                  	<option>VIC</option>
                  	<option>WA</option>
                	</select>
                </div>
                 <label for="inputZip" class="col-sm-3 control-label">Postcode</label>
                <div class="col-sm-3">
                  <input type="text" class="form-control" placeholder="Postcode">
                </div>
              </div>
               <div class="form-group">
                <label for="inputPhone" class="col-sm-3 control-label">Phone</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" placeholder="Phone">
                </div>
              </div>
               <div class="form-group">
                <label for="inputFax" class="col-sm-3 control-label">Fax</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" placeholder="Fax">
                </div>
              </div>
               <div class="form-group">
                <label for="inputWebsite" class="col-sm-3 control-label">Website</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" placeholder="Website">
                </div>
              </div>
               <div class="form-group">
                <label for="inputPlanType" class="col-sm-3 control-label">Plan Type</label>
                <div class="col-sm-3">
                  <select class="form-control">
                    <option>---</option>
                  	<option>Standard</option>
                  	<option>2</option>
                  	<option>3</option>
                  	<option>4</option>
                	</select>
                </div>
                 <label for="inputExpiryDate" class="col-sm-2 control-label">Expiry</label>
                <div class="input-box col-sm-4">
                  <input type="text" class="form-control expiry">
                  <span class="glyphicon glyphicon-calendar"></span>
                </div>
              </div>
              
              <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                  <button type="submit" class="btn btn-default">Sign in</button>
                </div>
              </div>
            </form>
       </div>
       <div class="col-md-4">
       	<div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">Admin</h3>
          </div>
          <div class="panel-body">
        <form class="form-horizontal" role="form">
          <div class="form-group">
            <label for="inputAdminUsername" class="col-sm-4 control-label">Username *</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="">
            </div>
          </div>
         <div class="form-group">
            <label for="inputAdminFirstName" class="col-sm-4 control-label">First Name</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="">
            </div>
          </div>
          <div class="form-group">
            <label for="inputAdminLastName" class="col-sm-4 control-label">Last Name</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="">
            </div>
          </div>
          <div class="form-group">
            <label for="inputAdminEmail" class="col-sm-4 control-label">Email *</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="">
            </div>
          </div>
          <div class="form-group">
            <label for="inputAdminPhone" class="col-sm-4 control-label">Phone</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" placeholder="">
            </div>
          </div>
        </form>
        </div></div>
		 </div>
       </div>
  </div>
</div>
<!-- InstanceEndEditable -->
	</div>
</div>

 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script>
$('.header-ul li a').tooltip();
</script>
<!-- InstanceBeginEditable name="Javascript" -->

    <!-- Bootstrap Datepicker -->
    <link href="css/datepicker.css" rel="stylesheet">
    <script src="js/bootstrap-datepicker.js"></script>
<script>
jQuery(function($) {
	$('.expiry').datepicker({
		format: 'dd M yyyy'
	});
});

</script>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>
